<template>
	<view class="edit_data_top">
		<view class="content">
			<view class="title">{{props.data}}</view>
			<u-icon @click="close" name="close" color="#fff" size="28"></u-icon>
		</view>
	</view>
</template>

<script setup>
import { ref } from "vue";
	const props=defineProps({
		data:{
			type:String,
			default:()=>{}
		}
	})
	// 点击关闭
	const close=()=>{
		uni.navigateBack()
	}
</script>

<style lang="scss">
.edit_data_top{
	width: 100%;
	background: #3b5ad2;
	.content{
		display: flex;
		justify-content: space-between;
		padding: 50rpx 50rpx 100rpx;
		color: #fff;
		font-size: 36rpx;
		.title{
			margin-left: 20rpx;
			border-bottom: 2px solid #fff;
		}
	}
}
</style>